.min-h200 {
  height: @size * 2;
  overflow-y: scroll;
}
.w60 {
  width: @space * 6;
}
.w330 {
  width:  @space * 33;
}
.w150 {
  width: @space * 15;
}
.mt43 {
  margin-top: @space * 4.3;
}
.mt15 {
  margin-top: @space * 1.5;
}
.mb10 {
  margin-bottom: @space;
}
.base .container-body .special-bg-light .container-title{
  .flexLeft();
}
.box-th {
  position: relative;
  .box-select {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #fff;
  }
}
.import-template {
  .info {
    text-align: center
  }
}
.sale-exportGoodModal {
  .header-box {
    .flexBetween()
  }
  .header-left {
    width: @size * 2.4;
    .flexLeft()
  }
  .start {
    border-right: none;
    border-radius: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
  }
  .btn-search {
    border-radius: 0;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    height: @size * .3 + 2px;
    .flexCenter();
  }
}
.col-li{
  .flexLeft;
  .col-left {
      .ivu-form-item-content{
          margin-left: 0 !important;
      }
  }
  .ivu-form-item{
      margin-bottom:  @space * 3;
  }
}
.col-ul{
  >li{
      height: @size * .63;
      line-height: @size * .33;
      margin-left: @space;
      button{
        width: 2 * @space;
        height: 2 * @space;
        text-align: center;
        &.ivu-btn-icon-only.ivu-btn-small {
          padding: 0px;
        }
      }
  }
}
.bargain-rules {
  // .bg-light {
  //   height: 100%;
  //   overflow: auto;
  // }
  .bg-a {
    height: 100%;
    overflow: auto;
    background-color: @bg-light !important;
  }
  .height-avat {
    height: fill-available;
    height: -webkit-fill-available !important;
    height: -moz-fill-available !important;
    height: -moz-available !important;
    .ivu-tabs{
      height: 100%;
      // height: -webkit-fill-available !important;
      // height: -moz-fill-available !important;
      // height: -moz-available !important;
      overflow-x: hidden;
      overflow-y: scroll;
      &::-webkit-scrollbar {
        width: 0 !important
      }
    }
  }
  .choice-commidy {
    .ivu-tabs-tabpane {
      overflow: unset;
    }
  }
  .info {
    width: @size * 1.25;
    text-align: left;
    padding-left: @space * 1.5;
  }
  .w240 {
    width: @size * 2.4;
  }
  .w114 {
    width: @size * 1.14;
  }
  .ml11 {
    margin-left: @size * .11;
  }
  .flex-start {
    margin-bottom: @space;
    &.box {
      .info {
        width: @space * 2;
      }
      .ivu-checkbox-wrapper {
        margin-left: @space * 1.5;
        margin-right: @space * .2;
      }
      .ivu-form-item {
        margin-bottom: 0;
      }
    }
  }
  .next-left + .ivu-form-item-error-tip{
    left: 170px;
  }
  .flexTop {
    display: flex;
    align-items: flex-start;
  }
  .form-item {
    width: @size * 4;
    .ivu-form-item-content {
      margin-left: @space !important;
    }
  }
  .row {
    .flexLeft();
    margin: 0 0 @space * 2 @size * 1.2;
    .ivu-select {
      width: @size * 1.4;
    }
    .label {
      margin: 0 @space;
    }
  }
  .tranfer-box {
    display: flex;
    margin: @space 0 @space @size * 1.4;
    position: relative;
    .tab {
      width: @size * 3.2;
      height: @size * .4;
      padding: 0 @space;
      .flexBetween();
      border: @space * 0.1 solid #dddee1;
      .cancel-info {
        cursor: pointer;
        &:hover{
          color: @mainColor;
        }
      }
    }
    .search {
      padding: @space;
      background: #fff;
      border-right: @space * 0.1 solid #dddee1;
      border-left: @space * 0.1 solid #dddee1;
      .ivu-btn {
        margin-left: @space;
      }
    }
    .load-disable {
      width: 6.4 * @size;
      position: absolute;
      background-color: #e3e5e8;
      top: 0;
      left: 0;
      bottom: 0;
      height: 100%;
      opacity: 0.5;
      z-index: 100;
    }
    .content {
      height: @size * 4;
      padding: 0;
      border: @space * 0.1 solid #dddee1;
      border-top: @space * 0.1 solid transparent;
      background-color: @white;
      overflow-Y: scroll;
      ul {
        border-top: @space * 0.1 solid #dddee1;
        li {
          height: @size * .4;
          line-height: @size * .4;
          padding-left: @space;
          border-bottom: @space * 0.1 solid #dddee1;
          &.checkbox label {
            .flexLeft();
            cursor: pointer;
          }
          &.checkbox label input {
            opacity: 0;
            position: relative;
            left:  @size * .14;
            z-index: 14;
            cursor: pointer;
          }
          &.checkbox label span {
            display: inline-block;
            width:  @size * .14;
            height:  @size * .14;
            margin-right: @space * .4;
            cursor: pointer;
            position: relative;
          }
          &.checkbox label input[type="checkbox"]+span {
            display: inline-block;
            width:  @size * .14;
            height: @size * .14;
            position: relative;
            top: 0;
            left: 0;
            border: 1px solid @border-color-base;
            border-radius: @size * .02;
            background-color: @white;
            transition: border-color @transition-time @ease-in-out, background-color @transition-time @ease-in-out, box-shadow @transition-time @ease-in-out;
            &:after {
              content: '';
              display: table;
              width: @size * .04;
              height: 8px;
              position: absolute;
              top: @size * .01;
              left: @size * .04;
              border: 2px solid @white;
              border-top: 0;
              border-left: 0;
              transform: rotate(45deg) scale(0);
              transition: all @transition-time @ease-in-out;
            }
          }
          &.checkbox label input[type="checkbox"]:checked+span {
            border-color: @mainColor;
            background-color: @mainColor;
            &:after {
              content: '';
              display: table;
              width: @size * .04;
              height: @size * .08;
              position: absolute;
              top: @size * .01;
              left: @size * .04;
              border: 2px solid #fff;
              border-top: 0;
              border-left: 0;
              transform: rotate(45deg) scale(1);
              transition: all @transition-time @ease-in-out;
            }
          }
        }
      }
      .empty-distribute {
        padding-top: @space*2;
        text-align: center;
      }
    }
  }
}
.bargain-department {
  width: 100%;
  .flexBetween();
  .left, .right {
    flex: 1,
  }
  .head {
    .flexLeft();
  }
}
.bargain-buy-set {
  .bargain-buy-set-header {
    display: flex;
    background:#fff;
    border: 1px solid #eee;
    .container-header {
      border: 0;
    }
  }
}
